<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8" />
        <link rel="stylesheet" href="style/style.css">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
    </head>
    <body>
        <section class="header" id="home">
            <div class="container-xxl">
                <nav class="navbar">
                    <div class="col-lg-4 col-12 d-flex logotype">
                        <img src="images/logo.bmp" class="logo" alt="Logo">
                        <a class="surname">Перьков</a>
                    </div>
                    <div class="col-lg-8 col-12 text-end links">
                        <a class="btn" href="#home">Домашняя</a>
                        <a class="btn" href="#about">Обо мне</a>
                        <a class="btn" href="#process">Решения</a>
                        <a class="btn" href="#portfolio">Портфолио</a>
                        <a class="btn" href="#blog">Блог</a>
                        <a class="btn" href="#service">Услуги</a>
                        <a class="btn" href="#contact">Связаться</a>
                    </div>
                </nav>
            </div>
        </section>
        <section class="home-about-process">
            <div class="footer-color"></div>
            <div class="gradient-1"></div>
            <div class="gradient-2"></div>
            <div class="gradient-3"></div>
            <div class="container-xxl align-items-center my-5 py-5">
                <div class="row column-gap-5" id="home">
                    <div class="col-lg-6 text-block">
                        <h1>Привет, я<br>Перьков Александр</h1>
                        <p class="text-in">Я внештатный <b>UI/UX-дизайнер</b> и <b>Разработчик</b> из Лондона, Англии. Я стремлюсь создавать захватывающие и красивые веб-приложения с помощью тщательно проработанного кода и дизайна, ориентированного на пользователя.</p>
                        <a class="btn colored-btn" href="#contact">Напиши мне!</a>
                        <div class="row column-gap-1 py-5">
                            <div class="col my-1 showing">
                                <p class="s1">15 лет</p>
                                <p class="s2">опыт работы</p>
                            </div>
                            <div class="col my-1 showing">
                                <p class="s1">250+</p>
                                <p class="s2">выполненных задач</p>
                            </div>
                            <div class="col my-1 showing">
                                <p class="s1">58</p>
                                <p class="s2">довольных клиентов</p></div>
                        </div>
                    </div>
                    <div class="col-lg-auto text-center">
                        <img class="img-fluid img-1" src="images/cat.jpg" alt="фото">
                    </div>
                </div>
                <div class="bg-body rounded shadow big-card" id="about">
                    <div class="row column-gap-5">
                        <div class="col-lg-auto text-center img-soc-nets">
                            <img class="img-fluid img-2" src="images/cat.jpg" alt="фото">
                            <div class="bg-body rounded shadow-lg p-1 soc-nets">
                                <a class="btn py-2 soc-net-btn"><i class="bi bi-facebook"></i></a>
                                <a class="btn py-2 soc-net-btn"><i class="bi-dribbble"></i></a>
                                <a class="btn py-2 soc-net-btn"><i class="bi-instagram"></i></a>
                                <a class="btn py-2 soc-net-btn"><i class="bi-linkedin"></i></a>
                                <a class="btn py-2 soc-net-btn"><i class="bi-behance"></i></a>
                            </div>
                        </div>
                        <div class="col-lg-6 text-block">
                            <h2>Я профессиональный дизайнер интерфейса</h2>
                            <p class="text-in"><br>Я занимаюсь дизайном и разработкой сервисов для клиентов, специализируясь на создании стильных, современных веб-сайтов, веб-сервисов и интернет-магазинов. Моя страсть - создавать цифровой пользовательский опыт.<br><br>
                                Я занимаюсь дизайном и разработкой сервисов для клиентов, специализирующихся на создании стильных, современных веб-сайтов, веб-сервисов.</p>
                                <a class="btn colored-btn px-4" href="#blog">Мои проекты</a>
                                <a class="btn uncolored-btn px-4">
                                    <i class="bi-download"></i>
                                    Скачать резюме
                                </a>
                        </div>
                    </div>
                </div>
                <div class="row column-gap-6 process my-5"  id="process">
                    <div class="col-lg-6 text-block my-auto">
                        <h2>Решение задач</h2>
                        <p class="text-out">Все задачи проходят полный цикл разработки, начиная от постановки требований, и заканчивая запуском готового проекта. Вы можете быть уверены в качестве!</p>
                    </div>
                    <div class="col-lg-6">
                        <div class="row mb-0">  
                            <div class="col-sm-12 col-md-6">
                                <div class="bg-body rounded p-4 card">
                                    <div class="icon">
                                        <i class="bi-card-text"></i>
                                    </div>
                                    <p class="h3">Исследование</p>
                                    <p class="text-in">На этом этапе определяются все необходимые критерии и уточняются детали</p>
                                </div>
                            </div>
                            <div class="col my-4 mb-lg-0 mb-md-0 mb-sm-4">
                                <div class="bg-body rounded p-4 card">
                                    <div class="icon">
                                        <i class="bi-graph-up"></i>
                                    </div>
                                    <p class="h3">Анализ</p>
                                    <p class="text-in">Здесь я проверю все собранные за исследование данные</p>
                                </div>
                            </div>
                        </div>
                        <div class="row">  
                            <div class="col-sm-12 col-md-6">
                                <div class="bg-body rounded p-4 card">
                                    <div class="icon">
                                        <i class="bi-pencil"></i>
                                    </div>
                                    <p class="h3">Дизайн</p>
                                    <p class="text-in">Тут задача будет целиком выполнена, и по необходимости дополнена</p>
                                </div>
                            </div>
                            <div class="col my-4">
                                <div class="bg-body rounded p-4 card">
                                    <div class="icon">
                                        <i class="bi-laptop"></i>
                                    </div>
                                    <p class="h3">Запуск</p>
                                    <p class="text-in">После всех прошедших этапов вы получаете ваш сайт мечты!</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div sstyle="height: 100px;"></div>
            </div>
        </section>
        <section class="portfolio" id="portfolio">
            <div class="container-xxl text-center py-5">
                <h1>Портфолио</h1>
                <p class="text-out">Наиболее значимые проекты<br>представлены ниже</p>
                <div class="row">
                    <div class="col-lg-4 pb-3">
                        <div class="card mx-auto">
                            <img src="images/1porfolio.jpg" class="card-img-top img-fluid" alt="...">
                            <div class="card-body text-start">
                                <p class="p1">UI/UX Disign</p>
                                <p class="p2">Элегантный веб-сайт для восходящего модного бренда</p>
                                <p class="p3">Разработал и внедрил современный и стильный веб-сайт для известного модного бренда, повысив их онлайн-видимость и продажи.</p>
                                <a class="btn uncolored-btn">
                                    Изучить задачу
                                    <i class="bi-arrow-right"></i>
                                </a>
                            </div>
                          </div>
                    </div>
                    <div class="col-lg-4 pb-3">
                        <div class="card mx-auto">
                            <img src="images/2portfolio.jpg" class="card-img-top img-fluid" alt="...">
                            <div class="card-body text-start">
                                <p class="p1">UI/UX Disign</p>
                                <p class="p2">Пользовательский веб-сайт для образовательной организации</p>
                                <p class="p3">Создал интуитивно понятный и увлекательный веб-сайт для некоммерческой образовательной организации, облегчив доступ к образовательным ресурсам.</p>
                                <a class="btn uncolored-btn">
                                    Изучить задачу
                                    <i class="bi-arrow-right"></i>
                                </a>
                           </div>
                          </div>
                    </div>
                    <div class="col-lg-4 pb-3">
                        <div class="card mx-auto">
                            <img src="images/3portfolio.jpg" class="card-img-top img-fluid" alt="...">
                            <div class="card-body text-start">
                                <p class="p1">UI/UX Disign</p>
                                <p class="p2">Высококонверсионный веб-сайт для стартапа</p>
                                <p class="p3">Разработал целевую страницу и веб-сайт с высокой конверсией для стартапа, увеличив количество лидов и продаж на 30%.</p>
                                <a class="btn uncolored-btn">
                                    Изучить задачу
                                    <i class="bi-arrow-right"></i>
                                </a>
                           </div>
                          </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 pb-3">
                        <div class="card mx-auto">
                            <img src="images/4portfolio.jpg" class="card-img-top img-fluid" alt="...">
                            <div class="card-body text-start">
                                <p class="p1">UI/UX Disign</p>
                                <p class="p2">Редизайн веб-сайта для малоизвестной крупной корпорации</p>
                                <p class="p3">Провел полный редизайн веб-сайта крупной корпорации, улучшив пользовательский опыт, скорость загрузки и коэффициент конверсии.</p>
                                <a class="btn uncolored-btn">
                                    Изучить задачу
                                    <i class="bi-arrow-right"></i>
                                </a>
                           </div>
                          </div>
                    </div>
                    <div class="col-lg-4 pb-3">
                        <div class="card mx-auto">
                            <img src="images/5portfolio.jpg" class="card-img-top img-fluid" alt="...">
                            <div class="card-body text-start">
                                <p class="p1">UI/UX Disign</p>
                                <p class="p2">Интерактивный веб-сайт для агентства цифрового маркетинга</p>
                                <p class="p3">Создал интерактивный и запоминающийся веб-сайт для агентства цифрового маркетинга, эффективно демонстрируя их услуги и повышая их авторитет.</p>
                                <a class="btn uncolored-btn">
                                    Изучить задачу
                                    <i class="bi-arrow-right"></i>
                                </a>
                           </div>
                          </div>
                    </div>
                    <div class="col-lg-4 pb-3">
                        <div class="card mx-auto">
                            <img src="images/6portfolio.jpg" class="card-img-top img-fluid" alt="...">
                            <div class="card-body text-start">
                                <p class="p1">UI/UX Disign</p>
                                <p class="p2">Веб-сайт электронной коммерции для малого бизнеса</p>
                                <p class="p3"> Разработал и запустил веб-сайт электронной коммерции для малого бизнеса, позволяя им расширить свой охват, принимать онлайн-платежи и управлять заказами.</p>
                                <a class="btn uncolored-btn">
                                    Изучить задачу
                                    <i class="bi-arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <a class="btn colored-btn">Больше проектов</a>
            </div>
            <div class="text-center py-5 lets-work">
                <h2>У вас есть идея проекта?<br>Давайте обсудим ваш проект!</h2>
                <p class="work-text">Есть множество самых разнообразных решений,<br>но мы поможем создать ваше уникальное!</p>
                <a class="btn colored-btn" href="#contact">
                    Давайте работать вместе
                    <i class="bi-arrow-right"></i>
                </a>
            </div>
        </section>
        <section class="blog" id="blog">
            <div class="gradient-1"></div>
            <div class="gradient-2"></div>
            <div class="container-xxl text-center py-5" >
                <h1>Блог</h1>
                <p class="text-out">Здесь можно посмотреть последние<br>выполненные проекты</p>
                
                <div id="carouselExampleIndicators" class="carousel slide carousel-dark">
                    <div class="carousel-indicators">
                      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
                      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
                    </div>
                    <div class="carousel-inner">
                      <div class="carousel-item active">
                        <div class="row">
                            <div class="col-lg-4 mb-3">
                                <div class="card mx-auto">
                                    <img src="images/4portfolio.jpg" class="card-img-top" alt="...">
                                    <div class="card-body">
                                        <p class="p1">UI/UX Disign</p>
                                        <p class="p2">Редизайн веб-сайта для крупной корпорации</p>
                                        </div>
                                  </div>
                            </div>
                            <div class="col-lg-4 mb-3">
                                <div class="card mx-auto">
                                    <img src="images/5portfolio.jpg" class="card-img-top" alt="...">
                                    <div class="card-body">
                                        <p class="p1">UI/UX Disign</p>
                                        <p class="p2">Интерактивный веб-сайт для агентства цифрового маркетинга</p>
                                        
                                   </div>
                                  </div>
                            </div>
                            <div class="col-lg-4 mb-3">
                                <div class="card mx-auto">
                                    <img src="images/6portfolio.jpg" class="card-img-top" alt="...">
                                    <div class="card-body">
                                        <p class="p1">UI/UX Disign</p>
                                        <p class="p2">Веб-сайт электронной коммерции для малого бизнеса</p>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                      </div>
                      <div class="carousel-item">
                        <div class="row">
                            <div class="col-lg-4 mb-3">
                                <div class="card mx-auto">
                                    <img src="images/1porfolio.jpg" class="card-img-top" alt="...">
                                    <div class="card-body">
                                        <p class="p1">UI/UX Disign</p>
                                        <p class="p2">Элегантный веб-сайт для восходящего модного бренда</p>
                                        
                                    </div>
                                  </div>
                            </div>
                            <div class="col-lg-4 mb-3">
                                <div class="card mx-auto">
                                    <img src="images/2portfolio.jpg" class="card-img-top" alt="...">
                                    <div class="card-body">
                                        <p class="p1">UI/UX Disign</p>
                                        <p class="p2">Пользовательский веб-сайт для образовательной организации</p>
                                        
                                   </div>
                                  </div>
                            </div>
                            <div class="col-lg-4 mb-3">
                                <div class="card mx-auto">
                                    <img src="images/3portfolio.jpg" class="card-img-top" alt="...">
                                    <div class="card-body">
                                        <p class="p1">UI/UX Disign</p>
                                        <p class="p2">Высококонверсионный веб-сайт для стартапа</p>
                                        
                                   </div>
                                  </div>
                            </div>
                        </div>
                      </div>
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
                      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                      <span class="visually-hidden">Previous</span>
                    </button>
                    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
                      <span class="carousel-control-next-icon" aria-hidden="true"></span>
                      <span class="visually-hidden">Next</span>
                    </button>
                  </div>
            </div> 
        </section>
        <section class="service" id="service">
            <div class="container-xxl text-start py-5">
                <div class="row column-gap-5 mt-5">
                    <div class="col my-auto">
                        <h1>Чем я занимаюсь?</h1>
                        <p class="text-out">Моя работа заключается в том, чтобы создавать и поддерживать веб-сайты и веб-приложения. Я использую различные языки программирования и технологии, чтобы оживить идеи дизайнеров и сделать их доступными для пользователей в Интернете.

                            Мне нравится работать над различными проектами, от небольших личных веб-сайтов до крупных корпоративных приложений. Каждый проект уникален и требует творческого подхода и решения проблем.
                            
                            Я горжусь тем, что создаю веб-сайты и веб-приложения, которые помогают людям, предприятиям и организациям добиваться успеха в Интернете. Моя работа позволяет мне вносить свой вклад в цифровую экосистему и формировать наш онлайн-опыт.</p>
                        <a class="btn colored-btn mb-3" href="#contact">Напиши мне!</a>
                    </div>
                    <div class="col">
                        <div class="colored-cards">
                            <div class="bg-body rounded p-4 mb-3 ">
                                <p class="pb">Пользовательский опыт (UX)</p>
                                <p class="ps">Пользовательский опыт (UX) - это общее впечатление пользователя при взаимодействии с продуктом или услугой.
                                    Хороший UX делает взаимодействие с продуктом приятным, эффективным и удовлетворяющим.</p>
                            </div>
                            <div class="bg-body rounded p-4 mb-3 card-body">
                                <p class="pb">Пользовательский интерфейс (UI)</p>
                                <p class="ps">Пользовательский интерфейс (UI) - это часть продукта, с которой пользователь взаимодействует напрямую.
                                    Эффективный UI интуитивно понятен, эстетически привлекателен и соответствует потребностям пользователей.</p>
                            </div>
                            <div class="bg-body rounded p-4 card-body">
                                <p class="pb">Веб разработка</p>
                                <p class="ps">Веб-разработка - это процесс создания и обслуживания веб-сайтов и веб-приложений.
                                    Веб-разработчики используют различные языки программирования и технологии для создания интерактивных и функциональных веб-сайтов, которые отвечают потребностям пользователей и обеспечивают положительный пользовательский опыт.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="clients-contact">
            <div class="footer-colored"></div>
            <div class="text-center py-5">
                <h1>Довольные клиенты</h1>
                <p class="text">Здесь представлены наиблее крупные компании,<br>работой для которых я горжусь</p>
                <div class="container-xxl">
                    <div class="row row-cols-6 align-items-center">
                        <div class="col py-5">
                            <svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 748.99 260">
                                <g transform="translate(4636.413 -2865.209)">
                                <linearGradient id="a" gradientUnits="userSpaceOnUse" x1="-11445.563" y1="603.918" x2="-11445.563" y2="465.768" gradientTransform="matrix(1.3509 0 0 -1.3509 10917.478 3681.026)">
                                <stop offset="0" stop-color="#196eef"/>
                                <stop offset=".5" stop-color="#186dee"/>
                                <stop offset="1" stop-color="#1065e7"/>
                                </linearGradient>
                                <path d="M-4520.08 2990.41h32.21v45.24c-10.05 3.229-22.74 5-35.931 5-53.46 0-84.88-45.78-84.88-90.49 0-43.851 28.42-74.61 68.07-74.61 25.09 0 39.689 8.5 52.75 20.34v14.76l24.49-24.49c-15.49-10.48-37.92-20.44-69.98-20.44-70.38 0-102.55 50.351-102.55 91.73 0 58.899 42.9 94.38 96.811 94.38 26.14 0 49.35-3.99 76.16-11.45v-46.74c0-2.39 1.05-4.03 2.62-5.47l8.46-8.46h-57.45l-10.78 10.7z" fill="url(#a)"/>
                                <linearGradient id="b" gradientUnits="userSpaceOnUse" x1="-11323.519" y1="556.948" x2="-11323.519" y2="467.618" gradientTransform="matrix(1.3509 0 0 -1.3509 10917.478 3681.026)">
                                <stop offset="0" stop-color="#de5744"/>
                                <stop offset=".5" stop-color="#db4632"/>
                                <stop offset="1" stop-color="#d13d29"/>
                                </linearGradient>
                                <path d="M-4375.79 2928.93c-40.51 0-65.61 29.601-65.61 61.021 0 27.12 20.221 59.319 61.19 59.319 39.41 0 63.59-29.659 63.59-61.629 0-29.78-23.63-58.7-59.17-58.7v-.011zm-6.721 8.63c28.561 0 41.28 37.21 41.28 63.75 0 39.47-29.61 40.25-33.15 40.25-13.55 0-23.02-8.189-30.109-18.93-6.24-9.899-12.34-28.29-12.34-46.26 0-17.9 5.859-26.64 15.08-33.07 7.54-4.82 14.6-5.74 19.229-5.74h.01z" fill="url(#b)"/>
                                <linearGradient id="c" gradientUnits="userSpaceOnUse" x1="-11130.575" y1="556.948" x2="-11130.575" y2="413.518" gradientTransform="matrix(1.3509 0 0 -1.3509 10917.478 3681.026)">
                                <stop offset="0" stop-color="#1a6fef"/>
                                <stop offset=".25" stop-color="#1e72ef"/>
                                <stop offset=".5" stop-color="#166bec"/>
                                <stop offset=".75" stop-color="#1267e9"/>
                                <stop offset="1" stop-color="#1063e5" stop-opacity=".87"/>
                                </linearGradient>
                                <path d="M-4110.979 2928.92c-35.381 0-54.521 22.4-54.521 47.41 0 19.04 13.64 40.52 41.78 40.52h7.119s-1.939 4.71-1.949 9.26c0 6.711 2.41 10.48 7.529 16.28-48.42 2.95-67.88 22.48-67.88 43.47 0 18.381 17.601 36.471 54.59 36.471 43.79 0 66.47-24.311 66.47-48.17 0-16.82-8.38-26.04-29.6-41.94-6.24-4.85-7.45-7.939-7.45-11.569 0-5.2 3.11-8.641 4.25-9.94 2.01-2.12 5.49-4.54 6.79-5.7 7.13-6.04 17.2-14.979 17.2-32.82 0-12.24-5.091-22.77-16.69-32.63h14.16l10.64-10.64h-52.438zm-9.76 7.96c6.42 0 11.779 2.27 17.439 6.98 6.279 5.66 16.311 20.87 16.311 39.69 0 20.31-15.78 25.87-24.32 25.87-4.18 0-9.189-1.17-13.43-4.07-9.42-6.109-18.771-22.37-18.771-41.72 0-17.46 10.4-26.75 22.771-26.75zm14.01 113.22c2.699 0 4.64.221 4.64.221s6.37 4.55 10.82 7.949c10.36 8.19 16.819 14.45 16.819 25.601 0 15.33-14.22 27.35-37.25 27.35-25.279 0-44.6-11.77-44.6-30.989 0-15.921 13.24-29.623 49.571-30.132z" fill="url(#c)"/>
                                <linearGradient id="d" gradientUnits="userSpaceOnUse" x1="-11061.771" y1="601.408" x2="-11061.771" y2="470.128" gradientTransform="matrix(1.3509 0 0 -1.3509 10917.478 3681.026)">
                                <stop offset="0" stop-color="#0aa561"/>
                                <stop offset=".5" stop-color="#009b58"/>
                                <stop offset="1" stop-color="#00914b"/>
                                </linearGradient>
                                <path d="M-4050.88 3045.76h48.57l7.399-7.399-13.93-1.74c-3.75-.46-5.979-3.7-5.979-6.84v-146.71c0-2.89 1.34-4.37 2.319-5.311l8.761-8.76h-41.42l-10.78 10.78h16.1v151.97c0 2.16-.68 3.63-2.14 5.14l-8.9 8.87z" fill="url(#d)"/>
                                <linearGradient id="e" gradientUnits="userSpaceOnUse" x1="-10998.289" y1="556.948" x2="-10998.289" y2="467.864" gradientTransform="matrix(1.3509 0 0 -1.3509 10917.478 3681.026)">
                                <stop offset="0" stop-color="#de5644"/>
                                <stop offset=".5" stop-color="#da4531"/>
                                <stop offset="1" stop-color="#ce3a28"/>
                                </linearGradient>
                                <path d="M-3936.5 2928.93c-27.12 0-55.93 20.67-55.93 57.78 0 30.649 20.67 62.56 59.29 62.56 9.63 0 17.56-1.239 24.99-4.649 7.97-3.67 15.64-9.63 21.239-17.12-10.569 5.33-19.189 8.83-30.64 8.83-21.76 0-42.74-15.7-50.08-44.56l76.87-31.07c-4.44-15.83-16.96-31.771-45.729-31.771h-.01zm-5.021 8.49c14.551 0 25.07 11.97 25.07 21.34 0 3.03-1.899 4.63-5.66 6.11l-47.25 19.11s-1.279-5.95-1.279-12.38c0-26.97 19.5-34.18 29.119-34.18z" fill="url(#e)"/>
                                <linearGradient id="f" gradientUnits="userSpaceOnUse" x1="-11221.762" y1="556.754" x2="-11221.762" y2="467.795" gradientTransform="matrix(1.3509 0 0 -1.3509 10917.478 3681.026)">
                                <stop offset="0" stop-color="#ffc01a"/>
                                <stop offset=".5" stop-color="#ffba03"/>
                                <stop offset="1" stop-color="#ffb300"/>
                                </linearGradient>
                                <path d="M-4238.33 2928.93c-40.51 0-65.61 29.601-65.61 61.021 0 27.12 20.221 59.319 61.19 59.319 39.41 0 63.59-29.659 63.59-61.629 0-29.78-23.63-58.7-59.17-58.7v-.011zm-6.721 8.63c28.561 0 41.28 37.21 41.28 63.75 0 39.47-29.61 40.25-33.15 40.25-13.55 0-23.02-8.189-30.109-18.93-6.24-9.899-12.34-28.29-12.34-46.26 0-17.9 5.859-26.64 15.08-33.07 7.54-4.82 14.6-5.74 19.229-5.74h.01z" fill="url(#f)"/>
                                </g>
                            </svg>
                        </div>
                        <div class="col py-5">
                            <svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 426.4 120" id="Layer_1">
                                <style xmlns="http://www.w3.org/2000/svg">.st0{fill:#004f9d}</style>                                
                                <g id="_Group_">
                                <path id="_Path_" class="st0" d="M33.4 13c-5 0-6.5 2.2-6.5 7.1v8.1h13.4L39 41.4H26.9v39.9H10.8V41.4H0V28.3h10.8v-7.9C10.8 7 16.2 0 31.1 0c3.1 0 6.3.2 9.4.6V13"/>
                                <path id="_Compound_Path_" class="st0" d="M41.4 53.1c0-14.8 7-26 21.8-26 8 0 12.9 4.1 15.3 9.3v-8.1h15.4v53.1H78.4v-8c-2.2 5.1-7.3 9.1-15.3 9.1-14.7 0-21.8-11.1-21.8-26m16.2.2c0 7.9 2.9 13.2 10.4 13.2 6.6 0 9.9-4.8 9.9-12.4v-5.4c0-7.6-3.4-12.4-9.9-12.4-7.5 0-10.4 5.2-10.4 13.2v3.8z"/>
                                <path id="_Path_2" class="st0" d="M127.3 27.1c6.2 0 12.2 1.3 15.4 3.6l-3.6 11.4c-3.3-1.6-7-2.4-10.7-2.4-8.7 0-12.5 5-12.5 13.6v3.1c0 8.6 3.8 13.6 12.5 13.6 3.7 0 7.4-.9 10.7-2.5l3.6 11.4c-3.2 2.2-9.1 3.6-15.4 3.6-18.9 0-27.4-10.1-27.4-26.4v-2.5c0-16.3 8.5-26.5 27.4-26.5"/>
                                <path id="_Compound_Path_2" class="st0" d="M144.8 56.8v-4.7c0-15.1 8.6-25 26.1-25 16.5 0 23.8 10 23.8 24.8v8.5h-33.8c.3 7.3 3.6 10.5 12.5 10.5 5.8 0 11.6-1.1 17.1-3.2l2.9 11c-4.2 2.2-12.9 3.9-20.6 3.9-20.4-.1-28-10.2-28-25.8m16.1-7h19.4v-1.3c0-5.8-2.3-10.4-9.4-10.4-7.2 0-10 4.6-10 11.7"/>
                                <path id="_Compound_Path_3" class="st0" d="M254.3 56.5c0 14.8-7.1 26-21.9 26-8 0-13.6-4-15.8-9.1v8h-15.2V1.6L217.5.2v35.5c2.3-4.7 7.5-8.5 15-8.5 14.7 0 21.9 11.1 21.9 26m-16.2-.4c0-7.5-2.9-13.1-10.6-13.1-6.6 0-10.1 4.7-10.1 12.3v5.6c0 7.6 3.6 12.3 10.1 12.3 7.7 0 10.6-5.6 10.6-13.1v-4z"/>
                                <path id="_Compound_Path_4" class="st0" d="M259.6 56.1v-2.7c0-15.3 8.7-26.3 26.4-26.3s26.4 11 26.4 26.3v2.7c0 15.3-8.7 26.3-26.4 26.3s-26.4-10.9-26.4-26.3m36.8-3.8c0-7-2.9-12.6-10.4-12.6s-10.4 5.6-10.4 12.6v5c0 7 2.9 12.6 10.4 12.6s10.4-5.6 10.4-12.6v-5z"/>
                                <path id="_Compound_Path_5" class="st0" d="M317.9 56.1v-2.7c0-15.3 8.7-26.3 26.4-26.3s26.4 11 26.4 26.3v2.7c0 15.3-8.7 26.3-26.4 26.3s-26.4-10.9-26.4-26.3m36.8-3.8c0-7-2.9-12.6-10.4-12.6s-10.4 5.6-10.4 12.6v5c0 7 2.9 12.6 10.4 12.6s10.4-5.6 10.4-12.6v-5z"/>
                                <path id="_Path_3" class="st0" d="M392.8 53.6l15.9-25.4h17l-16.6 26.3 17.3 26.9h-17.1l-16.5-26v26h-16V1.6l16-1.5"/>
                                </g>
                            </svg>
                        </div>
                        <div class="col py-5">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" viewBox="0 0 512 140" version="1.1" preserveAspectRatio="xMidYMid">
                                <g>
                                <path d="M511.873981,49.436472 L511.873981,40.434383 L500.695,40.434383 L500.695,26.4391799 L500.318725,26.5549246 L489.818739,29.7673037 L489.612008,29.8304371 L489.612008,40.434383 L473.039474,40.434383 L473.039474,34.5276905 C473.039474,31.7770522 473.654716,29.6719845 474.866631,28.2681934 C476.070499,26.8811141 477.792433,26.1761238 479.987868,26.1761238 C481.566824,26.1761238 483.201485,26.5481161 484.84605,27.2815783 L485.258275,27.4654081 L485.258275,17.9848665 L485.064542,17.9136867 C483.530151,17.3621973 481.442414,17.0842863 478.855799,17.0842863 C475.595141,17.0842863 472.632201,17.7936093 470.048681,19.1998762 C467.463304,20.608 465.429416,22.6183675 464.005199,25.1746538 C462.585315,27.7278453 461.864851,30.6765493 461.864851,33.9396828 L461.864851,40.434383 L454.080867,40.434383 L454.080867,49.436472 L461.864851,49.436472 L461.864851,87.3604952 L473.039474,87.3604952 L473.039474,49.436472 L489.612008,49.436472 L489.612008,73.5367427 C489.612008,83.4623133 494.293787,88.4925648 503.526747,88.4925648 C505.044426,88.4925648 506.640737,88.3143056 508.27166,87.9658337 C509.931104,87.6086963 511.061317,87.251559 511.726669,86.8702824 L511.873981,86.7836286 L511.873981,77.6979807 L511.419667,77.998793 C510.813091,78.4035899 510.057965,78.7334932 509.172265,78.9785996 C508.282801,79.2286576 507.540054,79.3543056 506.965069,79.3543056 C504.801795,79.3543056 503.20182,78.7712495 502.208371,77.6212302 C501.204426,76.4606886 500.69505,74.4305145 500.69505,71.5913656 L500.69505,49.436472 L511.873981,49.436472 L511.873981,49.436472 Z M429.12619,79.3551721 C425.070174,79.3551721 421.87265,78.0101818 419.619033,75.3610522 C417.351799,72.6983056 416.203017,68.9022515 416.203017,64.0793501 C416.203017,59.1035667 417.351799,55.2090986 419.620271,52.4993114 C421.875126,49.8074739 425.042321,48.4414391 429.035203,48.4414391 C432.909865,48.4414391 435.99412,49.7461973 438.203172,52.3216712 C440.423985,54.9101431 441.550484,58.7736634 441.550484,63.8076286 C441.550484,68.9034894 440.490832,72.817764 438.401238,75.4359458 C436.326499,78.03494 433.206344,79.3551721 429.12619,79.3551721 L429.12619,79.3551721 Z M429.62383,39.3037988 C421.885648,39.3037988 415.73942,41.5710329 411.357834,46.0429865 C406.978723,50.515559 404.757911,56.7044952 404.757911,64.4402012 C404.757911,71.7872031 406.925493,77.6969903 411.200619,82.0024449 C415.475745,86.3097563 421.293926,88.4915745 428.49176,88.4915745 C435.992882,88.4915745 442.016557,86.1927737 446.396905,81.6589246 C450.776634,77.1294081 452.99559,70.9992727 452.99559,63.4443017 C452.99559,55.9821741 450.913424,50.028441 446.804797,45.7514584 C442.694313,41.472619 436.91265,39.3037988 429.62383,39.3037988 L429.62383,39.3037988 Z M386.741042,39.3035513 C381.477444,39.3035513 377.123711,40.6497795 373.797444,43.3044797 C370.451371,45.9746538 368.754195,49.477323 368.754195,53.7153114 C368.754195,55.9181741 369.120616,57.8753114 369.8417,59.5347311 C370.567116,61.2003404 371.689901,62.6660271 373.180965,63.8965106 C374.661506,65.1170909 376.945452,66.395853 379.973382,67.6962785 C382.517909,68.7435513 384.416245,69.6298956 385.62197,70.3280774 C386.800462,71.0120232 387.63729,71.7003017 388.109553,72.3700116 C388.568199,73.0254855 388.801545,73.922352 388.801545,75.0302824 C388.801545,78.1826228 386.440849,79.7163946 381.582667,79.7163946 C379.780887,79.7163946 377.725336,79.3406886 375.473576,78.5985609 C373.220578,77.8576712 371.11551,76.7924487 369.217792,75.4264139 L368.754195,75.0940348 L368.754195,85.8521006 L368.924408,85.9313269 C370.505839,86.6610754 372.498876,87.2763172 374.848431,87.7609594 C377.193653,88.2456015 379.324098,88.4925648 381.175394,88.4925648 C386.887116,88.4925648 391.486574,87.139528 394.842551,84.469354 C398.220191,81.7806112 399.932222,78.1956209 399.932222,73.8103211 C399.932222,70.6474584 399.010597,67.9345764 397.193963,65.7471876 C395.390326,63.5771296 392.259649,61.5853308 387.892299,59.8244023 C384.41315,58.4280387 382.184292,57.268735 381.265143,56.3792959 C380.378798,55.5195667 379.928818,54.3039381 379.928818,52.7645957 C379.928818,51.3997988 380.484021,50.3067234 381.624756,49.4209981 C382.774156,48.53094 384.373537,48.0784836 386.380191,48.0784836 C388.242009,48.0784836 390.147154,48.3724874 392.041158,48.948735 C393.934543,49.5249826 395.597057,50.2968201 396.985375,51.2413462 L397.441545,51.5532998 L397.441545,41.3479613 L397.266381,41.2724487 C395.985762,40.7234352 394.297251,40.253648 392.246651,39.8723714 C390.204098,39.4948085 388.351564,39.3035513 386.741042,39.3035513 L386.741042,39.3035513 Z M339.622435,79.3551721 C335.567657,79.3551721 332.368895,78.0101818 330.115897,75.3610522 C327.848044,72.6983056 326.701119,68.9034894 326.701119,64.0793501 C326.701119,59.1035667 327.849282,55.2090986 330.118373,52.4993114 C332.371371,49.8074739 335.537947,48.4414391 339.532686,48.4414391 C343.40611,48.4414391 346.490365,49.7461973 348.700036,52.3216712 C350.920849,54.9101431 352.047348,58.7736634 352.047348,63.8076286 C352.047348,68.9034894 350.987077,72.817764 348.897483,75.4359458 C346.822744,78.03494 343.703827,79.3551721 339.622435,79.3551721 L339.622435,79.3551721 Z M340.121313,39.3037988 C332.381274,39.3037988 326.235046,41.5710329 321.855317,46.0429865 C317.476206,50.515559 315.254156,56.7044952 315.254156,64.4402012 C315.254156,71.7902979 317.422976,77.6969903 321.698102,82.0024449 C325.973228,86.3097563 331.790791,88.4915745 338.989243,88.4915745 C346.488508,88.4915745 352.51404,86.1927737 356.894388,81.6589246 C361.27288,77.1294081 363.493073,70.9992727 363.493073,63.4443017 C363.493073,55.9821741 361.410288,50.028441 357.301042,45.7514584 C353.189321,41.472619 347.408895,39.3037988 340.121313,39.3037988 L340.121313,39.3037988 Z M298.291433,48.5606499 L298.291433,40.434383 L287.25298,40.434383 L287.25298,87.3592573 L298.291433,87.3592573 L298.291433,63.3555435 C298.291433,59.2735319 299.216771,55.9206499 301.04269,53.3878839 C302.845707,50.8854468 305.248493,49.617207 308.181723,49.617207 C309.175765,49.617207 310.291742,49.7812302 311.500562,50.1055629 C312.697003,50.4280387 313.563541,50.7777485 314.074798,51.1460271 L314.538396,51.4821199 L314.538396,40.3539188 L314.359518,40.2771683 C313.331433,39.8401857 311.877506,39.6198375 310.037351,39.6198375 C307.263812,39.6198375 304.781181,40.5111335 302.655069,42.2658723 C300.788918,43.8083095 299.439595,45.9232805 298.408415,48.5606499 L298.291433,48.5606499 L298.291433,48.5606499 Z M267.48571,39.3035513 C262.422035,39.3035513 257.904897,40.3898182 254.062422,42.5301663 C250.212518,44.6754662 247.235342,47.738677 245.209501,51.633764 C243.192944,55.5195667 242.169191,60.0583675 242.169191,65.1195667 C242.169191,69.5531451 243.161996,73.6221586 245.124085,77.2077679 C247.087412,80.7995667 249.866522,83.6096248 253.384046,85.5587157 C256.896619,87.5053308 260.956348,88.4925648 265.451203,88.4925648 C270.696851,88.4925648 275.175613,87.4434352 278.766793,85.3755048 L278.911629,85.2919458 L278.911629,75.1794507 L278.448031,75.5180193 C276.821416,76.7027002 275.003544,77.6484642 273.047644,78.3299342 C271.096696,79.0107853 269.317818,79.3549246 267.758669,79.3549246 C263.427219,79.3549246 259.950545,77.999412 257.426445,75.328 C254.896774,72.6522553 253.614298,68.8958143 253.614298,64.1682321 C253.614298,59.41094 254.951861,55.557942 257.587992,52.7144603 C260.215458,49.8796441 263.69894,48.4418104 267.940642,48.4418104 C271.568959,48.4418104 275.104433,49.6704371 278.449269,52.0967427 L278.911629,52.4328356 L278.911629,41.7775164 L278.76246,41.6933385 C277.503505,40.9889671 275.787141,40.4071489 273.655458,39.9658337 C271.533679,39.5257563 269.458321,39.3035513 267.48571,39.3035513 L267.48571,39.3035513 Z M234.566809,40.4345068 L223.528356,40.4345068 L223.528356,87.359381 L234.566809,87.359381 L234.566809,40.4345068 L234.566809,40.4345068 Z M229.160232,20.4441006 C227.343598,20.4441006 225.759072,21.0624371 224.457408,22.2879691 C223.150174,23.5172147 222.486654,25.0646035 222.486654,26.8905222 C222.486654,28.6879691 223.142128,30.2068859 224.436364,31.4033269 C225.722553,32.5960542 227.312031,33.2007737 229.160232,33.2007737 C231.007814,33.2007737 232.603482,32.5960542 233.905145,31.4051838 C235.215474,30.2068859 235.879613,28.6879691 235.879613,26.8905222 C235.879613,25.1283559 235.233424,23.596441 233.958994,22.3374855 C232.686422,21.0810058 231.071567,20.4441006 229.160232,20.4441006 L229.160232,20.4441006 Z M201.619247,36.972441 L201.619247,87.3591335 L212.884237,87.3591335 L212.884237,21.8810677 L197.293367,21.8810677 L177.475649,70.5161161 L158.244083,21.8810677 L142.018164,21.8810677 L142.018164,87.3591335 L152.60416,87.3591335 L152.60416,36.9674894 L152.968106,36.9674894 L173.276036,87.3591335 L181.264895,87.3591335 L201.25592,36.972441 L201.619247,36.972441 L201.619247,36.972441 Z" fill="#706D6E"></path>
                                <path d="M51.9266538,51.9266538 L0,51.9266538 L0,0 L51.9266538,0 L51.9266538,51.9266538 L51.9266538,51.9266538 Z" fill="#F1511B"></path>
                                <path d="M109.259884,51.9266538 L57.3338491,51.9266538 L57.3338491,0 L109.259884,0 L109.259884,51.9266538 L109.259884,51.9266538 Z" fill="#80CC28"></path>
                                <path d="M51.9254159,109.280309 L0,109.280309 L0,57.3536557 L51.9254159,57.3536557 L51.9254159,109.280309 L51.9254159,109.280309 Z" fill="#00ADEF"></path>
                                <path d="M109.259884,109.280309 L57.3338491,109.280309 L57.3338491,57.3536557 L109.259884,57.3536557 L109.259884,109.280309 L109.259884,109.280309 Z" fill="#FBBC09"></path>
                                </g>
                            </svg>
                        </div>
                        <div class="col py-5">
                            <svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="163.5 250 285 100">
                                <g clip-rule="evenodd" fill-rule="evenodd">
                                <path d="m340.3 330.2c-16.5 12.2-40.5 18.7-61.2 18.7-29 0-55-10.7-74.8-28.5-1.5-1.4-.2-3.3 1.7-2.2 21.3 12.4 47.6 19.8 74.8 19.8 18.3 0 38.5-3.8 57.1-11.7 2.8-1.1 5.1 1.9 2.4 3.9z" fill="#f90"/>
                                <path d="m347.2 322.3c-2.1-2.7-14-1.3-19.3-.6-1.6.2-1.9-1.2-.4-2.2 9.5-6.7 25-4.7 26.8-2.5s-.5 17.8-9.4 25.2c-1.4 1.1-2.7.5-2.1-1 2-5 6.5-16.1 4.4-18.9z" fill="#f90"/>
                                <path d="m328.2 272.5v-6.5c0-1 .7-1.6 1.6-1.6h29c.9 0 1.7.7 1.7 1.6v5.5c0 .9-.8 2.1-2.2 4.1l-15 21.4c5.6-.1 11.5.7 16.5 3.5 1.1.6 1.4 1.6 1.5 2.5v6.9c0 1-1 2.1-2.1 1.5-8.9-4.7-20.8-5.2-30.6.1-1 .5-2.1-.5-2.1-1.5v-6.6c0-1 0-2.8 1.1-4.4l17.4-24.9h-15.1c-.9 0-1.7-.7-1.7-1.6zm-105.7 40.3h-8.8c-.8-.1-1.5-.7-1.6-1.5v-45.2c0-.9.8-1.6 1.7-1.6h8.2c.9 0 1.5.7 1.6 1.5v5.9h.2c2.1-5.7 6.2-8.4 11.6-8.4 5.5 0 9 2.7 11.4 8.4 2.1-5.7 7-8.4 12.2-8.4 3.7 0 7.7 1.5 10.2 5 2.8 3.8 2.2 9.3 2.2 14.2v28.6c0 .9-.8 1.6-1.7 1.6h-8.7c-.9-.1-1.6-.8-1.6-1.6v-24c0-1.9.2-6.7-.2-8.5-.7-3-2.6-3.9-5.2-3.9-2.1 0-4.4 1.4-5.3 3.7s-.8 6.1-.8 8.7v24c0 .9-.8 1.6-1.7 1.6h-8.8c-.9-.1-1.6-.8-1.6-1.6v-24c0-5 .8-12.5-5.4-12.5-6.3 0-6.1 7.2-6.1 12.5v24c-.1.8-.8 1.5-1.8 1.5zm163-49.3c13.1 0 20.2 11.2 20.2 25.5 0 13.8-7.8 24.8-20.2 24.8-12.8 0-19.8-11.2-19.8-25.2-.1-14.1 7-25.1 19.8-25.1zm0 9.3c-6.5 0-6.9 8.9-6.9 14.4s-.1 17.3 6.8 17.3c6.8 0 7.2-9.5 7.2-15.3 0-3.8-.2-8.4-1.3-12-1-3.2-3-4.4-5.8-4.4zm37.1 40h-8.8c-.9-.1-1.6-.8-1.6-1.6v-45.3c.1-.8.8-1.5 1.7-1.5h8.2c.8 0 1.4.6 1.6 1.3v6.9h.2c2.5-6.2 5.9-9.1 12-9.1 3.9 0 7.8 1.4 10.3 5.3 2.3 3.6 2.3 9.7 2.3 14.1v28.5c-.1.8-.8 1.4-1.7 1.4h-8.8c-.8-.1-1.5-.7-1.6-1.4v-24.6c0-5 .6-12.2-5.5-12.2-2.1 0-4.1 1.4-5.1 3.6-1.2 2.8-1.4 5.5-1.4 8.6v24.4c-.1.9-.9 1.6-1.8 1.6zm-117.5-21.6c0 3.4.1 6.3-1.6 9.4-1.4 2.5-3.6 4-6.1 4-3.4 0-5.4-2.6-5.4-6.4 0-7.5 6.7-8.9 13.1-8.9zm8.9 21.5c-.6.5-1.4.6-2.1.2-2.9-2.4-3.5-3.6-5.1-5.9-4.8 4.9-8.3 6.4-14.5 6.4-7.4 0-13.2-4.6-13.2-13.7 0-7.2 3.9-12 9.4-14.4 4.8-2.1 11.5-2.5 16.6-3.1v-1.1c0-2.1.2-4.6-1.1-6.4-1.1-1.6-3.1-2.3-4.9-2.3-3.4 0-6.4 1.7-7.1 5.3-.2.8-.7 1.6-1.5 1.6l-8.5-.9c-.7-.2-1.5-.7-1.3-1.8 2-10.4 11.3-13.5 19.7-13.5 4.3 0 9.9 1.1 13.3 4.4 4.3 4 3.9 9.4 3.9 15.2v13.7c0 4.1 1.7 5.9 3.3 8.2.6.8.7 1.8 0 2.3-1.9 1.5-5.1 4.3-6.9 5.8zm-124.4-21.5c0 3.4.1 6.3-1.6 9.4-1.4 2.5-3.6 4-6.1 4-3.4 0-5.4-2.6-5.4-6.4 0-7.5 6.7-8.9 13.1-8.9zm8.8 21.5c-.6.5-1.4.6-2.1.2-2.9-2.4-3.5-3.6-5.1-5.9-4.8 4.9-8.3 6.4-14.5 6.4-7.4 0-13.2-4.6-13.2-13.7 0-7.2 3.9-12 9.4-14.4 4.8-2.1 11.5-2.5 16.6-3.1v-1.1c0-2.1.2-4.6-1.1-6.4-1.1-1.6-3.1-2.3-4.9-2.3-3.4 0-6.4 1.7-7.1 5.3-.2.8-.7 1.6-1.5 1.6l-8.5-.9c-.7-.2-1.5-.7-1.3-1.8 2-10.4 11.3-13.5 19.7-13.5 4.3 0 9.9 1.1 13.3 4.4 4.3 4 3.9 9.4 3.9 15.2v13.7c0 4.1 1.7 5.9 3.3 8.2.6.8.7 1.8 0 2.3-1.9 1.5-5.1 4.3-6.9 5.8z"/>
                                </g>
                            </svg>
                        </div>
                        <div class="col py-5">
                            <svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 500.612 270">
                                <path d="M83.743 168.876c-4.007-1.375-6.746-3.24-10.09-6.863-7.024-7.611-7.41-9.883-7.41-43.682 0-32.567.5-35.634 7.044-43.281 9.175-10.718 30.39-10.401 39.45.589 6.017 7.3 6.506 10.55 6.506 43.192 0 25.834-.224 30.14-1.8 34.66-2.416 6.922-9.535 13.619-16.758 15.764-6.812 2.023-10.167 1.949-16.942-.38zm12.455-15.666c4.09-1.57 4.545-5.006 4.545-34.282 0-18.682-.376-28.828-1.13-30.482-2.53-5.554-11.21-5.554-13.74 0-.754 1.654-1.13 11.8-1.13 30.482 0 32.665.417 34.56 7.668 34.825 1.193.043 2.897-.202 3.787-.543zm44.427 15.118c-1.44-.782-3.466-3.128-4.5-5.21-1.745-3.512-1.903-7.104-2.179-49.537l-.297-45.75h19.094v41.877c0 35.843.214 42.057 1.487 43.112 2.216 1.839 5.816.493 9.887-3.697l3.626-3.733V67.832h19v101h-19v-10.17l-4.75 4.217c-2.612 2.319-6.198 4.832-7.968 5.585-4.126 1.753-11.043 1.687-14.4-.136zM24.73 141.08l-.015-27.75-12.357-39.5L.001 34.33l10.04-.287c5.877-.168 10.293.124 10.651.704.337.545 3.524 12.035 7.082 25.533 3.56 13.498 6.698 24.544 6.977 24.546.28.002 2.902-9.108 5.828-20.246 2.927-11.137 5.992-22.612 6.813-25.5l1.493-5.25h10.536c8.584 0 10.438.258 10.003 1.39-.293.764-5.967 18.745-12.607 39.957l-12.073 38.567v55.086h-20l-.014-27.75z" fill="#010101"/><path d="M284.873 207.783c-48.855-1.631-62.084-5.108-71.078-18.688-3.634-5.486-7.713-17.764-9.012-27.128-4.56-32.866-3.44-101.4 2.041-125.021 4.964-21.391 16.637-31.87 37.931-34.053C265.673.748 320.203-.42 373.243.14c57.262.604 84.221 1.829 93.975 4.27 19.08 4.773 28.336 18.828 31.563 47.92.61 5.5 1.36 24.702 1.666 42.67 1.234 72.535-4.223 95.61-25.02 105.799-7.853 3.848-12.99 4.732-35.185 6.057-24.106 1.438-122.48 2.025-155.369.927zm24.034-39.536c1.686-.873 5.038-3.404 7.45-5.63l4.386-4.04v10.254h19v-100h-19V145.095l-4.368 4.367c-4.688 4.689-6.584 5.274-9.06 2.798-1.378-1.378-1.572-6.626-1.572-42.5V68.83h-19v43.319c0 47.787.393 51.568 5.768 55.58 3.403 2.539 11.964 2.809 16.396.518zm91.45-.323c1.745-1.064 4.163-4.03 5.5-6.746 2.346-4.764 2.393-5.42 2.722-37.828.36-35.532-.212-41.948-4.386-49.15-2.319-4.002-7.849-7.37-12.104-7.37-4.098 0-9.97 2.757-14.447 6.782l-4.898 4.403V34.83h-18v134h18v-9.232l4.105 3.709c2.258 2.039 5.521 4.324 7.25 5.076 4.643 2.022 12.557 1.798 16.258-.46zm-23.864-16.312l-3.75-2.174v-61.33l4.438-2.354c3.601-1.91 4.968-2.167 7.25-1.366 4.931 1.732 5.462 5.552 5.12 36.78l-.308 27.838-2.806 2.412c-3.435 2.954-5.123 2.987-9.944.194zm84.25 16.135c9.664-4.381 14.016-11.79 14.777-25.158l.5-8.758h-19.278v5.936c0 7.27-1.127 10.446-4.487 12.648-3.787 2.48-8.494.904-10.76-3.605-1.369-2.721-1.75-6.037-1.75-15.23l-.003-11.75h36v-14.683c0-18.48-1.445-24.37-7.676-31.3-5.506-6.123-11.405-8.561-20.324-8.397-7.393.135-12.333 1.978-17.522 6.534-8.48 7.447-9.766 14.082-9.259 47.847.33 21.939.693 27.284 2.117 31.057 2.432 6.442 6.825 11.347 12.858 14.354 6.8 3.386 17.95 3.614 24.807.505zm-21-68.45c0-12.438 3.191-16.682 11.221-14.918 4.031.886 5.78 5.398 5.78 14.919v7.532h-17v-7.532zm-172 12.034v-57.5h22v-19h-63v19h21v115h20v-57.5z" fill="#d02726"/></svg></div>
                        <div class="col py-5">
                            <svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 1300 9772.44 5000"><path fill="#2EBD59" d="M1539.928 1369.145c-809.356 0-1465.5 656.126-1465.5 1465.482 0 809.443 656.144 1465.535 1465.5 1465.535 809.392 0 1465.5-656.091 1465.5-1465.535 0-809.304-656.074-1465.412-1465.518-1465.412l.018-.07zm672.069 2113.646c-26.32 43.173-82.565 56.7-125.598 30.397-344.137-210.332-777.297-257.845-1287.421-141.312-49.157 11.271-98.157-19.547-109.356-68.688-11.253-49.157 19.424-98.157 68.704-109.356 558.249-127.628 1037.101-72.695 1423.378 163.344 43.05 26.426 56.699 82.601 30.275 125.65l.018-.035zm179.374-398.981c-33.145 53.777-103.46 70.647-157.167 37.624-393.837-242.094-994.384-312.217-1460.32-170.781-60.428 18.252-124.25-15.803-142.59-76.125-18.2-60.428 15.873-124.128 76.195-142.503 532.227-161.489 1193.865-83.265 1646.239 194.723 53.726 33.075 70.7 103.425 37.625 157.079l.018-.017zm15.4-415.52c-472.395-280.542-1251.599-306.337-1702.556-169.47-72.414 21.962-148.994-18.918-170.939-91.333-21.945-72.449 18.9-148.977 91.367-170.992 517.667-157.149 1378.229-126.787 1922.022 196.035 65.135 38.657 86.503 122.779 47.897 187.827-38.5 65.135-122.85 86.607-187.774 47.933h-.017zM4061.569 2722.05c-253.033-60.34-298.078-102.689-298.078-191.678 0-84.069 79.152-140.646 196.857-140.646 114.1 0 227.237 42.962 345.852 131.407 3.588 2.678 8.086 3.744 12.513 3.045 4.428-.665 8.348-3.098 10.938-6.755l123.55-174.16c5.075-7.175 3.692-17.062-3.15-22.54-141.172-113.277-300.142-168.35-485.956-168.35-273.21 0-464.047 163.957-464.047 398.545 0 251.562 164.622 340.637 449.102 409.394 242.13 55.772 282.993 102.498 282.993 186.025 0 92.557-82.636 150.097-215.618 150.097-147.699 0-268.169-49.752-402.937-166.46-3.342-2.888-7.928-4.199-12.162-3.954-4.463.367-8.541 2.432-11.375 5.845l-138.53 164.867c-5.81 6.842-5.075 17.062 1.646 22.978 156.799 139.982 349.648 213.92 557.759 213.92 294.401 0 484.644-160.86 484.644-409.832.525-210.175-125.299-326.55-433.474-401.52l-.527-.228zM5161.617 2472.5c-127.609 0-232.277 50.26-318.587 153.247v-115.92c0-9.152-7.42-16.607-16.555-16.607h-226.572c-9.152 0-16.555 7.455-16.555 16.607V3797.86c0 9.152 7.402 16.607 16.555 16.607h226.572c9.135 0 16.555-7.454 16.555-16.607v-406.577c86.328 96.88 191.013 144.218 318.587 144.218 237.107 0 477.138-182.524 477.138-531.439.35-349.002-239.75-531.579-476.875-531.579l-.263.017zm213.675 531.562c0 177.678-109.445 301.665-266.158 301.665-154.926 0-271.791-129.623-271.791-301.665 0-172.024 116.865-301.664 271.791-301.664 154.176-.018 266.176 126.822 266.176 301.646l-.018.018zM6253.966 2472.5c-305.357 0-544.582 235.13-544.582 535.359 0 296.957 237.58 529.619 540.837 529.619 306.442 0 546.401-234.342 546.401-533.417 0-298.042-238.35-531.526-542.674-531.526l.018-.035zm0 834.994c-162.418 0-284.865-130.498-284.865-303.52 0-173.758 118.213-299.845 281.119-299.845 163.468 0 286.737 130.497 286.737 303.642 0 173.723-118.999 299.723-282.975 299.723h-.016zM7448.688 2493.221h-249.322v-254.905c0-9.135-7.385-16.59-16.537-16.59h-226.537c-9.17 0-16.607 7.455-16.607 16.59v254.905h-108.938c-9.117 0-16.503 7.454-16.503 16.607v194.722c0 9.135 7.386 16.607 16.503 16.607h108.938v503.842c0 203.612 101.342 306.845 301.209 306.845 81.271 0 148.697-16.783 212.24-52.815 5.162-2.888 8.364-8.452 8.364-14.367v-185.43c0-5.723-2.976-11.13-7.875-14.122-4.935-3.098-11.077-3.255-16.135-.753-43.646 21.963-85.837 32.095-133 32.095-72.694 0-105.122-33.005-105.122-106.977v-468.229h249.322c9.152 0 16.52-7.455 16.52-16.607v-194.705c.35-9.152-7-16.607-16.274-16.607l-.246-.106zM8317.388 2494.218v-31.308c0-92.103 35.314-133.175 114.52-133.175 47.232 0 85.173 9.38 127.662 23.555 5.233 1.646 10.692.823 14.945-2.31 4.375-3.133 6.843-8.155 6.843-13.475V2146.58c0-7.298-4.69-13.755-11.726-15.908-44.888-13.353-102.322-27.055-188.316-27.055-209.266 0-319.883 117.845-319.883 340.672v47.95h-108.85c-9.135 0-16.625 7.455-16.625 16.59v195.72c0 9.135 7.49 16.607 16.625 16.607h108.85v777.156c0 9.152 7.385 16.607 16.521 16.607h226.572c9.152 0 16.607-7.455 16.607-16.607V2721.21h211.54l324.047 776.964c-36.785 81.637-72.959 97.877-122.342 97.877-39.918 0-81.953-11.918-124.934-35.438-4.042-2.223-8.837-2.59-13.194-1.242-4.323 1.522-7.962 4.742-9.8 8.942l-76.79 168.472c-3.658 7.963-.525 17.309 7.14 21.438 80.167 43.417 152.531 61.949 241.973 61.949 167.299 0 259.77-77.927 341.285-287.577l393.066-1015.698c1.977-5.11 1.383-10.885-1.75-15.417-3.113-4.498-8.137-7.21-13.633-7.21h-235.865c-7.068 0-13.389 4.497-15.697 11.13l-241.621 690.164-264.652-690.619c-2.414-6.423-8.609-10.676-15.469-10.676h-387.101l.052-.051zM7813.738 2493.221h-226.572c-9.153 0-16.607 7.454-16.607 16.607v988.485c0 9.152 7.454 16.607 16.607 16.607h226.572c9.135 0 16.607-7.455 16.607-16.607v-988.416a16.57 16.57 0 0 0-16.626-16.607l.019-.069zM7701.738 2043.139c-89.757 0-162.592 72.659-162.592 162.417 0 89.81 72.853 162.558 162.593 162.558 89.723 0 162.486-72.748 162.486-162.558 0-89.74-72.799-162.417-162.398-162.417h-.089zM9686.585 2811.037c-89.67 0-159.441-72.013-159.441-159.46s70.682-160.282 160.281-160.282c89.672 0 159.443 71.995 159.443 159.372 0 87.448-70.701 160.37-160.299 160.37h.016zm.875-303.887c-81.672 0-143.465 64.925-143.465 144.427 0 79.468 61.355 143.518 142.643 143.518 81.654 0 143.518-64.872 143.518-144.428 0-79.467-61.426-143.517-142.625-143.517h-.071zm35.352 159.914l45.098 63.141h-38.027l-40.602-57.925h-34.91v57.925h-31.832v-167.37h74.637c38.885 0 64.453 19.897 64.453 53.393.174 27.44-15.75 44.205-38.676 50.837h-.141zm-26.95-75.511h-41.512v52.938h41.512c20.719 0 33.09-10.133 33.09-26.495 0-17.22-12.424-26.442-33.074-26.442h-.016z"/></svg>
                        </div>
                    </div>
                    <h1>Рекомендации</h1>
                    <p class="text">Многие обратившееся компании были довольны, и потому оставили отзыв,<br> возможно, вы будете следущими!</p>
                    <div id="carouselExampleDark" class="carousel carousel-dark slide">
                        <div class="carousel-indicators">
                          <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                          <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="1" aria-label="Slide 2"></button>
                          <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="2" aria-label="Slide 3"></button>
                        </div>
                        <div class="carousel-inner">
                          <div class="carousel-item active">
                            <p class="p-comment">“Команда XYZ Corp. проделала выдающуюся работу над нашим проектом по разработке мобильного приложения. Они были очень отзывчивы, гибки и всегда готовы предоставить дополнительные усилия. Результатом стал продукт высочайшего качества, который полностью соответствует нашим потребностям. Мы очень довольны их работой.”</p>
                            <p class="p-name">Аманда</p>
                            <p class="p-company">ABC Corp.</p>
                          </div>
                          <div class="carousel-item">
                            <p class="p-comment">“XYZ Corp. создала для нас потрясающий веб-сайт, который превзошел все наши ожидания. Их творческий подход, внимание к деталям и готовность внести дополнительные усилия сделали весь процесс разработки приятным и безболезненным. Мы очень довольны конечным результатом и благодарим команду XYZ Corp. за их выдающуюся работу.”</p>
                            <p class="p-name">Бен</p>
                            <p class="p-company">DEF Corp.</p>
                          </div>
                          <div class="carousel-item">
                            <p class="p-comment">“XYZ Corp. обладает глубоким пониманием социальных сетей и смогла создать для нас высокоэффективные кампании, которые значительно повысили вовлеченность и охват нашей аудитории. Я очень ценю их стратегическое мышление и творческий подход и с нетерпением жду новых возможностей для сотрудничества с XYZ Corp. в будущем.”</p>
                            <p class="p-name">Мария</p>
                            <p class="p-company">GHI Corp.</p>
                          </div>
                        </div>
                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="prev">
                          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                          <span class="visually-hidden">Previous</span>
                        </button>
                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="next">
                          <span class="carousel-control-next-icon" aria-hidden="true"></span>
                          <span class="visually-hidden">Next</span>
                        </button>
                      </div>
                    
                    <div class="bg-body rounded shadow-lg" id="contact">
                        <div class="row column-gap-5 big-card">
                            <div class="col">
                                <h2>Давайте обсудим ваш проект</h2>
                                <p class="text">Есть множество способов связаться со мной, во многих соцсетях я веду профили</p>
                                <div class="bg-body rounded p-4 mb-2 small-card">
                                    <div class="row">
                                        <div class="col-md-auto">
                                            <div class="icon">
                                                <i class="bi-chat"></i>
                                            </div>
                                        </div>
                                        <div class="col">
                                            <p class="ps">Адрес:</p>
                                            <p class="pb">New Mexico 31134</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="bg-body rounded p-4 mb-2 small-card">
                                    <div class="row">
                                        <div class="col-md-auto">
                                            <div class="icon">
                                                <i class="bi-chat"></i>
                                            </div>
                                        </div>
                                        <div class="col">
                                            <p class="ps">Моя почта:</p>
                                            <p class="pb">mymail@mail.com</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="bg-body rounded p-4 mb-2 small-card">
                                    <div class="row">
                                        <div class="col-md-auto">
                                            <div class="icon">
                                                <i class="bi-chat"></i>
                                            </div>
                                        </div>
                                        <div class="col">
                                            <p class="ps">Позвони мне сейчас:</p>
                                            <p class="pb">00-1234 00000</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="p-1 text-start">
                                    <a class="btn soc-net-btn p-2"><i class="bi bi-facebook"></i></a>
                                    <a class="btn soc-net-btn p-2"><i class="bi-dribbble"></i></a>
                                    <a class="btn soc-net-btn p-2"><i class="bi-instagram"></i></a>
                                    <a class="btn soc-net-btn p-2"><i class="bi-linkedin"></i></a>
                                    <a class="btn soc-net-btn p-2"><i class="bi-behance"></i></a>
                                </div>
                            </div>
                            <div class="col">
                                <p class="text">Если у вас остались вопросы, заполните форму и нажмите отправить</p>
                                <div class="mb-3">
                                    <input class="form-control" placeholder="Имя*">
                                    <input class="form-control" placeholder="Почта*">
                                    <input class="form-control" placeholder="Локация">
                                    <input class="form-control form-inline-1" placeholder="Бюджет*">
                                    <input class="form-control form-inline-2" placeholder="Кратокое описание*">
                                    <input class="form-control" placeholder="Сообщение*">
                                </div>
                                <a class="btn colored-btn px-4">
                                    Отправить
                                    <i class="bi-send"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <nav class="navbar">
                        <img class="logo" src="images/logo.bmp" alt="Logo">
                        <a class="surname">Перьков</a>
                        <nav class="nav text-center">
                            <a class="nav-link" href="#home">Домашняя</a>
                            <a class="nav-link" href="#about">Обо мне</a>
                            <a class="nav-link" href="#process">Решения</a>
                            <a class="nav-link" href="#portfolio">Портфолио</a>
                            <a class="nav-link" href="#blog">Блог</a>
                            <a class="nav-link" href="#service">Услуги</a>
                            <a class="nav-link" href="#contact">Связаться</a>
                        </nav>
                        <a class="nav-link">Copyright © 2024 XYZ Corp.</a>
                        
                        
                </nav>
                </div>
        </section>
    </body>
</html>